<template>
  <table>
    <tr>
      <th>时间</th>
      <th>火灾数量（起）</th>
      <th>死亡人数（人）</th>
      <th>财产损失（万元）</th>
    </tr>
    <tr>
      <td>2024年第一季度</td>
      <td>3</td>
      <td>0</td>
      <td class="num">5621</td>
    </tr>
    <tr>
      <td>2023年第一季度</td>
      <td>4</td>
      <td>0</td>
      <td class="num">2077</td>
    </tr>
  </table>
</template>
<style scoped>
table {
  color: white;
  text-align: center;
  height: 100%;
  border-spacing: 1px;
  th {
    height: 37.55%;
    background-color: #084281;
    font-size: 14px;
    font-family: 'Microsoft Yahei';
  }
  td {
    height: 31.22%;
    background-color: rgba(5, 32, 87, 0.64);
    font-size: 12px;
    font-family: 'Microsoft Yahei';
  }
}

.num {
  background-color: #05215a;
}
</style>
